<script setup lang="ts">
import SearchBar from '../components/hotel/SearchBar.vue'
import HotelList from '../components/hotel/HotelList.vue'
</script>

<template>
    <!-- 搜索 -->
    <el-affix>
        <el-row>
            <el-col :span="20" :offset="2">
                <SearchBar />
            </el-col>
        </el-row>
    </el-affix>

    <el-row justify="center">
        <!-- 筛选 -->
        <el-col :span="12"></el-col>

        <!-- 列表 -->
        <el-col :span="12">
            <HotelList />
        </el-col>
    </el-row>
</template>

<style scoped>
.el-header {
    margin-bottom: 10px;
    background-color: rgb(248, 248, 248);
    position: relative;
}
</style>